// 点击“去注册账号”的链接
$('#link_reg').on('click', function () {
  $('.login-box').hide()
  $('.reg-box').show()
})

// 点击“去登录”的链接
$('#link_login').on('click', function () {
  $('.login-box').show()
  $('.reg-box').hide()
})

let form = layui.form

form.verify({
  pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
  // 确认密码应该与密码保持一致
  rePwd: (val) => {
    // val 代表value值 还需拿到密码的值
    let pwdValue = $('#pwd').val()
    if (pwdValue !== val) return '两次密码不一致！'
  }
})

let layer = layui.layer

// 发起ajax请求
// 找到form标签注册submit事件
$('#form-reg').on('submit', function (e) {
  // 阻止默认行为
  e.preventDefault()
  // 获取表单数据
  let data = $(this).serialize()
  $.ajax({
    type: 'post',
    url: '/api/reguser',
    data: data,
    success: (res) => {
      // 判断是否成功
      if (res.status !== 0) return layer.msg(res.message)
      // 需要去登录
      layer.msg('注册成功')
      $('#link_login').click()
    }
  })
})

// 监听登录表单的提交事件
$('#form_login').submit(function (e) {
  // 阻止默认提交行为
  e.preventDefault()
  $.ajax({
    url: '/api/login',
    method: 'POST',
    // 快速获取表单中的数据
    data: $(this).serialize(),
    success: function (res) {
      if (res.status !== 0) {
        return layer.msg('登录失败！')
      }
      layer.msg('登录成功！')

      // 将登录成功得到的 token 字符串，保存到 localStorage 中
      localStorage.setItem('token', res.token)
      // 跳转到后台主页
       location.href = '/index.html'
    }
  })
})
